<template>
  <!-- 消息中心 -->
  <view class="conter">
    <cc-goback title='消息中心' color="#fff"></cc-goback>
    <view class="navigation_head"></view>
    <!-- <view class="head">
		  <view class="head_a head_aa">
		    公告
		  </view> 
      <view class="head_b head_aa">
		    提醒
		  </view> 
      <view class="head_c head_aa">
		    反馈
		  </view>
		</view> -->
    <view class="message">
      <view class="message_a">
        版本升级
      </view>
      <view class="message_b">
        检测到有新版本，请尽快升级安装，以免影响您的使用！版本号：V1.00
      </view>
      <!-- <view class="message_c">
        2020.05.06 12:00
      </view> -->
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss">
  .navigation_head {
    height: calc(88rpx + var(--status-bar-height));
  }

  .conter {
    height: 1624rpx;
    background-color: #F7F7F7;
  }

  .head {
    width: 100%;
    height: 88rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .head_a {
    border-bottom: 4rpx solid #4EA1FF;
  }

  .head_aa {
    font-size: 28rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
  }

  .message {
    margin: 20rpx auto 0;
    width: 694rpx;
    height: 228rpx;
    background: #FFFFFF;
    box-shadow: 0px 3rpx 10rpx rgba(148, 165, 199, 0.09);
    opacity: 1;
    border-radius: 10rpx;
    overflow: hidden;
  }

  .message_a {
    margin: 40rpx 0 40rpx 32rpx;
    font-size: 32rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #58657B;
  }

  .message_b {
    font-size: 28rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #7A8AAA;
    opacity: 1;
    margin: 0 32rpx;
  }

  .message_c {
    font-size: 22rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #999999;
    margin: 0 0 4rpx 30rpx;
  }
</style>
